

<!-- Header Section Begin -->
<header class="header-section">
    <div class="header-top">
        <div class="container">
            <div class="ht-left">
                <div class="mail-service">
                    <i class=" fa fa-envelope"></i>
                    1796644863@qq.com
                </div>
                <div class="phone-service">
                    <i class=" fa fa-phone"></i>
                    +65 88.888.888
                </div>
            </div>
            <div class="ht-right">
<!--                <a href="./login.html" class="login-panel"><i class="fa fa-user"></i>Login</a>-->


                <div  class="login-panel ">

                    <li class="dropdown" style="list-style-type:none" >
                        <a href="login.html" class="dropdown-toggle " id="yuan-login" style="color: #252525;
	display: inline-block;
	padding-left: 20px"><i class="fa fa-user"></i> Login</a>
                        <!-- 下拉菜单 -->
                        <ul class="dropdown-menu">
                            <li><a href="./mypersonal.html">个人中心</a></li>
                            <li><a href="./mypassword.html">修改密码</a></li>
                            <li><a href="" data-toggle="modal" data-target="#bt-modal" id="suloginout">退出</a></li>
                        </ul>
                    </li>
                </div>
                <div class="lan-selector">
<!--                    <select class="language_drop" name="countries" id="countries" style="width:300px;">-->
<!--                        <option value='yt' data-image="img/flag-11.jpg" data-imagecss="flag yt"-->
<!--                                data-title="Chinese">中文</option>-->
<!--                        <option value='yu' data-image="img/flag-2.jpg" data-imagecss="flag yu"-->
<!--                                data-title="English">英文 </option>-->
<!--                    </select>-->
                </div>

                <div class="top-social">
                    <a href="#" onclick="alert('开发人员正在努力开发')"><i class="ti-facebook"> 联系客服</i></a>
                    <a href="./webservice.html"><i class="ti-linkedin"> 加入我们</i></a>
                    <a href="mypublish.html"><i class="ti-pinterest">发布需求</i></a>
                    <a href="mycart.html" ><i class="ti-twitter-alt"> 收藏记录</i></a>

                </div>
            </div>
            <li class="heart-icon" style="list-style-type:none;" >
                <img src="#" class="img-circle  hidden" id="yuan-userImg" style="height: 50px;margin-left: -418px">
            </li>
        </div>
    </div>
    <div class="container">
        <div class="inner-header">
            <div class="row">
                <div class="col-lg-2 col-md-2">
                    <div class="logo">
                        <a href="./index.html">
                            <img src="#" alt="">
                        </a>
                    </div>
                </div>
                <div class="col-lg-7 col-md-7 text-center">

                    <div class="search bar6" style="align-items: center">
                        <div  >

                            <input id="searchInfotext" type="text" placeholder="请输入您要搜索的内容...">
                            <button type="button" id="searchInfo" onclick="searinfo()" style="font-size: 13px;color: #F9F0DA;">搜索</button>
                        </div>
                    </div>
                </div>

                <div class="col-lg-1  col-md-1 hidden-xs  " id="addressmother">
                <select id="address"  style="height: 48px;border: 2px solid #c5464a;margin-left: 20px">
                    <option value="北海">北海</option>
                    <option value="来宾">来宾</option>
                    <option value="合浦">合浦</option>
                    <option value="南宁">南宁</option>
                    <option value="柳州">柳州</option>
                </select>
                </div>

<!--                <div class="col-lg-3 text-right col-md-3 hidden-xs">-->
                <div class=" hidden-xs">
                    <ul class="nav-right">

                        <li class="heart-icon">
                            <a href="#">
                                <i class="icon_heart_alt"></i>
                                <span>1</span>
                            </a>
                        </li>
                        <li class="cart-icon">
                            <a href="#">
                                <i class="icon_bag_alt"></i>
                                <span>2</span>
                            </a>
                            <div class="cart-hover">
                                <div class="select-items">
                                    <table>
                                        <tbody>
                                        <tr>
                                            <td class="si-pic">
                                                <img src="#" alt=""></td>
                                            <td class="si-text">
                                                <div class="product-selected">
                                                    <h6>我的订单1</h6>
                                                </div>
                                            </td>
                                            <td class="si-close">
                                                <i class="ti-close"></i>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="si-pic"><img src="#" alt=""></td>
                                            <td class="si-text">
                                                <div class="product-selected">

                                                    <h6>我的订单2</h6>
                                                </div>
                                            </td>
                                            <td class="si-close">
                                                <i class="ti-close"></i>
                                            </td>
                                        </tr>
                                        </tbody>
                                    </table>
                                </div>
                                <div class="select-total">
                                    <span>total:</span>
                                    <h5>2</h5>
                                </div>
                                <div class="select-button">
                                    <a href="#" onclick="javascript:alert('您还未登录，请登录！')" class="primary-btn view-card">清 空</a>
                                    <a href="#"  onclick="javascript:alert('您还未登录，请登录！')" class="primary-btn checkout-btn">查看更多</a>
                                </div>
                            </div>
                        </li>


                        <!--                        <li class="cart-price">$000.00</li>-->
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <div class="nav-item">
        <div class="container">
            <div class="nav-depart">
                <div class="depart-btn">
                    <i class="ti-menu"></i>
                    <span>热门服务</span>
                    <ul class="depart-hover">
                        <li><a href="./index.html">首页</a></li>
                        <li><a href="./mypersonal.html">个人资料</a></li>
                        <li ><a href="./itemsPage.html?categoryName=求职招聘&typeName=计算机互联网">IT/软件服务</a></li>
                        <li><a href="./itemsPage.html?categoryName=同城服务">同城服务</a></li>
                        <li><a href="./itemsPage.html?categoryName=二手市场">二手交易</a></li>
                        <!-- <li><a href="./个人中心.html">我的消息，做后端在弄</a></li> -->
                        <li><a href="./mypublish.html" class="ti-pinterest"> 发布需求</a></li>
                    </ul>

                </div>

            </div>
            <nav class="nav-menu mobile-menu">
                <ul class="su_nav ">
                </ul>
            </nav>
            <!-- <div id="mobile-menu-wrap"></div> -->
        </div>
    </div>
</header>
<!-- Header End -->


<div class="container">
    <div class="modal fade" id="bt-modal">

        <div class="modal-dialog" role="document">
            <div class="modal-content">
                <div class="modal-header">
<!--                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></button>-->
<!--                    <h4 class="modal-title" id="deleteModalLabel">确认框</h4>-->
                </div>
                <div class="modal-body">
                    <form>
                        <div class="form-group">
                            <label  class="control-label">确定要退出吗？</label>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button"
                            class="btn btn-default"
                            data-dismiss="modal">关闭
                    </button>

                    <button type="button"
                            class="btn btn-danger" id="user_logout" onclick="loginout()">确定
                    </button>
                </div>
            </div>
        </div>
    </div>

</div>

